<template>
  <div class="home">
      <Header/>
      <el-container class="content">
        <el-aside width="250px"><Aside/></el-aside>
        <el-container>
          <el-main>
            <Breadcrumb></Breadcrumb>
            <div class="cont">
             <router-view></router-view>
            </div>
          </el-main>
          <el-footer class="footer"><Footer/></el-footer>
        </el-container>
      </el-container>
  </div>
</template>
<script>
import Header from "../components/common/Header.vue";
import Aside from "@/components/common/Aside.vue";
import Footer from "@/components/common/Footer.vue";
import Breadcrumb from "@/components/common/Breadcrumb.vue";

export default {
  data() {
    return {};
  },
  components: {
    Header,
    Aside,
    Footer,
    Breadcrumb
},
};
</script>
<style lang="less" scoped>
.home {
  width: 100%;
  height: 100%;
  overflow: hidden;
  .content{ 
    position:absolute;
    width:100%;
    top:60px;
    bottom:5px;
    .cont{
        margin:10px 0;
    }
  }
}
</style>